<template>
  <div class="bankContainer">
    <div class="step-title">
      <el-steps :active="active" finish-status="success" process-status="process" align-center>
        <el-step title="客户自助" />
        <el-step title="信息审核" />
        <el-step title="设置交易密码" />
        <el-step title="选择开通业务" />
        <el-step title="提交申请" />
        <el-step title="凭证表单" />
      </el-steps>
    </div>
    <CardVideo @nextStep="nextStep" />
  </div>
</template>
<script>
// import Axios from 'axios'
// 公共的步骤条组件
import CardVideo from '@/views/videoBiz/xiaochengxu/common/cardVideo'

export default {
  name: 'CardActive',
  components: {
    CardVideo
  },
  data() {
    return {
      active: 1
    }
  },
  created() {

  },
  mounted() {

  },
  methods: {
    nextStep(index) {
      this.active = index
    }
  }
}
</script>
<style scoped>
  .bankContainer {
    width: 100%;
    height: 100%;
  }

</style>
